<?php
/**
 * Created by PhpStorm.
 * User: dreamy
 * Date: 2019-06-22
 * Time: 09:31
 */
use yii\helpers\Html;
?>
<!doctype html>
<html lang="zh">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="/public/css/bootstrap.min.css">
    <!-- fonts CSS -->
    
    <!-- fontawesome fonts CSS -->
    <link rel="stylesheet" href="/public/fonts/fontawesome/css/all.css">
    <link rel="stylesheet" type="text/css" href="/public/css/aos.css">
    <!-- style CSS -->
    <link rel="stylesheet" href="/public/css/style.css">
    <title>联系我们 - 公司账</title>
    <?=Html::cssFile('@web/static/css/index.css')?>
    <?php echo $this->render('../public/ele.php');?>
</head>

<body>
     <div class="preloader">
        <div class="lds-ripple">
            <div class="lds-pos"></div>
            <div class="lds-pos"></div>
        </div>
    </div>
    <!-- header start -->
    <!--引入页面头部-->
	<?php echo $this->render('../public/header_page.php')?>
	<!-- header close -->
    <!-- pageheader start -->
    <div class="pageheader-bg">
        <div class="container">
            <div class="row">
                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <!-- pagecaption start -->
                    <div class="page-caption">
                        <div class="page-caption-para-text">
                            <h1 class="page-caption-title">联系我们</h1>
                            <p class="page-caption-para-text">Contact Us</p>
                        </div>
                    </div>
                    <!-- pagecaption close -->
                </div>
            </div>
        </div>
    </div>
    <!-- pageheader close -->
    <div class="space-medium p-t-120 ">
        <div class="container">
            <div class="row">
                <!-- Contact Left Side -->
                <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                    <div class="contact-block-v1 contact-block">
                        <div class="contact-content">
                            <h1 class="contact-content-title" data-aos="fade-up">联系我们</h1>
                            <p data-aos="fade-up">
                                您可以通过以下方式联系到我们
                            </p>
                            <div class="row">
                                <!-- Contact widget -->
                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12" data-aos="fade-up">
                                    <div class="contact-widget">
                                        <div class="contact-widget-icon">
                                            <i class="fas fa-map-marker-alt"></i>
                                        </div>
                                        <div class="contact-widget-content">
                                            <h4 class="contact-widget-content-title">位置</h4>
                                            <p>
                                                中国 北京
                                            </p>
                                        </div>
                                    </div>
                                    <!-- Contact widget -->
                                </div>
                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12" data-aos="fade-up">
                                    <!-- Contact widget -->
                                    <div class="contact-widget">
                                        <div class="contact-widget-icon">
                                            <i class="fas fa-phone"></i>
                                        </div>
                                        <div class="contact-widget-content">
                                            <h4 class="contact-widget-content-title">电话</h4>
                                            <p>
                                                <span>400-888-9975</span><br />
                                                <span>186-7777-1024（同微信）</span>
                                               
                                            </p>
                                        </div>
                                    </div>
                                    <!-- Contact widget -->
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12" data-aos="fade-up">
                                    <!-- Contact widget -->
                                    <div class="contact-widget">
                                        <div class="contact-widget-icon">
                                            <i class="fas fa-envelope"></i>
                                        </div>
                                        <div class="contact-widget-content">
                                            <h4 class="contact-widget-content-title">Email</h4>
                                            <p>
                                                service@gongsizhang.com
                                            </p>
                                        </div>
                                    </div>
                                    <!-- Contact widget -->
                                </div>
                                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12" data-aos="fade-up">
                                    <!-- Contact widget -->
                                    <div class="contact-widget">
                                        <div class="contact-widget-icon">
                                            <i class="fas fa-share-alt"></i>
                                        </div>
                                        <div class="contact-widget-content">
                                            <h4 class="contact-widget-content-title">问题反馈</h4>
                                            <div class="social-media aos-init aos-animate">
                                               QQ群：1137672351
                                            </div>
                                        </div>
                                        <!-- Contact widget -->
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
                <!-- Contact Right Side -->
                <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12  ">
                   
                       <h2 class="contact-content-title" data-aos="fade-up">留言</h2>
                            <!-- Contact form -->
                            <form class="contact-form"  onsubmit="leaveMsg();return false;" id='contactForm' method="post" data-aos="fade-up">
                                <div class="row">
                                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                                        <div class="form-group">
                                            <input type="text" class="form-control" id="name"
                                                   name="name" aria-describedby="name" placeholder="姓名" required="">
                                        </div>
                                    </div>
                                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 ">
                                        <div class="form-group">
                                            <input type="email" name="email" class="form-control" id="email" aria-describedby="email" placeholder="邮箱">
                                        </div>
                                    </div>
                                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                                        <div class="form-group">
                                            <input type="text" name="phone" class="form-control" id="phone" aria-describedby="phone" placeholder="电话" required="">
                                        </div>
                                    </div>
                                    <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                                        <div class="form-group">
                                            <input type="text" name="subject" class="form-control" id="subject" aria-describedby="subject" placeholder="主题">
                                        </div>
                                    </div>
                                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <div class="form-group">
                                            <textarea class="form-control" rows="4" id="textarea"
                                                      name="content" placeholder="信息" required></textarea>
                                        </div>
                                    </div>
                                    <!-- Button -->
                                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                                        <button id="singlebutton" name="singlebutton"
                                                class="btn btn-brand"> 提 交</button>
                                    </div>
                                </div>
                            </form>
                            <!-- Contact form -->
                    
                </div>
            </div>
        </div>
    </div>
    <!--  button close  -->
    <!--引入页面底部-->
	<?php echo $this->render('../public/footer_page.php')?>
<!-- /.tiny-footer-section -->
 
    <a href="javascript:" id="return-to-top" class="returntotop"><i class="fa fa-angle-up"></i></a>
    <!-- /.tiny-footer-section -->
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="/public/js/jquery-3.3.1.min.js"></script>
    <script src="/public/js/bootstrap.min.js"></script>
    <script src="/public/js/main-js.js"></script>
    <script src="/public/js/return-to-top.js"></script>
   
    <script src="/public/js/aos.js"></script>
    <script src="/public/js/aos-function.js"></script>
    <script src="/public/js/location-map.js"></script>
     <script>
        function leaveMsg() {
            let postParams = $('#contactForm').serialize();
            $.post("/api/index/leave-message",postParams,function(result){
                alert('感谢您的反馈~我们会尽快处理~');
                $('#contactForm')[0].reset();
            },'json');
            return false;
        }
     </script>
</body>

</html>
